<html  xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<title>WoW Guild eXtreme - Redefining Guild &amp; Raid Management</title>
		<link href="Resources/Styles/WGX_Core.css" media="screen" rel="stylesheet" type="text/css"/> 
		<script type="text/javascript" src="ThirdParty/jQuery/jquery-1.4.2.min.js"></script>
		
		<link href="ThirdParty/niftyCorners/niftyCorners.css" media="screen" rel="stylesheet" type="text/css"/> 
		<script type="text/javascript" src="ThirdParty/niftyCorners/niftycube.js"></script>
		
		<script type="text/javascript" src="ThirdParty/jClock/jquery.jclock.js"></script>
		
		<script type="text/javascript">
		window.onload=function(){
			Nifty("div.right_side_window","transparent fixed-height big");
			var options = {
				format: '%a %b %d, %Y %H:%M:%S %P', // 12-hour
				utc: true,
				utcOffset: 11
			}
			$('#guild_time_clock').jclock(options);			
		}
		</script>
	</head>
	<body>				
		<div id="header_area">
			<div id="guild_info">
				<div id="faction_flag_horde"></div>
				<div id="guild_name">
					Protege
				</div>
				<div id="guild_slogan">
					Defining the fine line between casuals &amp; hardcore
				</div>
			</div>
			<a href="/"><div id="guild_logo"></div></a>
			<div id="profile_info">
				<div id="welcome_box">
					Welcome Chu
				</div>
				<div id="profile_controls">
					<a href="#">Settings</a> | 
					<a href="#">Logout</a>
				</div>
				<!--
				<div id="welcome_box">
					Welcome Guest
				</div>
				<div id="profile_controls">
					<a href="#">Register</a> | 
					<a href="#">Login</a>
				</div>
				-->
				<div id="clock_panel">
					Guild Time: <span id="guild_time_clock"></span> 
				</div>
			</div>
		</div>
		<div id="main_menu">
			<a href="#" class="main_menu_item">Home</a>
			<a href="#" class="main_menu_item">Rooster</a>
			<a href="#" class="main_menu_item">Calendar</a>
			<a href="#" class="main_menu_item">DKP</a>
			<a href="#" class="main_menu_item">Raids</a>
			<a href="#" class="main_menu_item">Admin</a>
		</div>
		<div id="right_side_area">
			<div id="window1" class="right_side_window">
				<h1>News</h1>
				<div>
					blah blah blah1<br/>
					blah blah blah2<br/>
					blah blah blah3<br/>
					blah blah blah4<br/>
					blah blah blah5<br/>
					blah blah blah6<br/>
					blah blah blah7<br/>
					blah blah blah8<br/>
					blah blah blah9<br/>
					blah blah blah10<br/>
					blah blah blah11<br/>
					blah blah blah12<br/>
					blah blah blah13<br/>
					blah blah blah14<br/>
					blah blah blah15<br/>
					blah blah blah16<br/>
					blah blah blah17<br/>
				</div>
			</div>
			<div id="window2" class="right_side_window">
				<h1>Upcoming Raids</h1>
				Raid1
			</div>
		</div>
		<div id="content_area">
			<h1>Welcome to the Protege Guild's Website</h1>
		</div>
		<div id="footer_area">
			<div id="extras_container">
				Extras
			</div>
			<div id="info_container">
				&copy; 2010, wgx.com. All rights reserved
			</div>
			<a href="/"><div id="wgx_logo"></div></a>
		</div>
	</body>
</html>